<template>
  <div class="welcome-box">
    <video src="../assets/gui.mp4" preload="auto" autoplay muted loop></video>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },

  created () {

  },

  mounted () {
    this.changeHidden('hidden')
  },

  destroyed () {
    this.changeHidden('default')
  },

  methods: {
    changeHidden (type) {
      const main = document.querySelector('.mainBox')
      main.style['overflow-y'] = type
    }
  }
}
</script>

<style scoped lang='less'>
video {
  width: 100%;
}
</style>
